<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<?php
	echo static_file('web/css/swiper2.css');
	echo static_file('web/js/swiper2.min.js');
	echo static_file('web/css/owl.carousel2.css');
	echo static_file('web/js/owl.carousel.js');
	echo static_file('web/css/jquery.mCustomScrollbar.css');
	echo static_file('web/js/jquery.lazyload.min.js');
	echo static_file('web/js/jquery.mCustomScrollbar.js');
	
?>
</head>

<body>
	<div class="main">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<section class="program">
			<div class="abanner">
				<img src="<?php echo static_file('web/img/dbanner.jpg')?>" alt="">
			</div>
			<div class="product_box">
				<div class="product_top" style="background:url(<?php echo static_file('web/img/pbg.jpg')?>) no-repeat center center;background-size:cover;">
					<div class="pro w1440">
						<div class="border"></div>
						<div class="title wow fadeInUp">
							<div class="cn">太阳能电站产品</div>
							<div class="en">Solar Power Station Products</div>
						</div>
						
						<div class="wrap">
							<div class="prev"></div>
							<div class="next"></div>
							<div class="box_cen f-cb">
								<div class="box_l wow fadeInLeft">
									<ul>
										<li class="active">
											
											<div class="txt_box">
												<div class="t">航天芯太阳能组件1</div>
												<div class="con">
													<p>功率：285W</p>
													<p>最高转换效率：17.5%</p>
													<p>尺寸：1640*992*35（mm）</p>
													<p>公差：0~5W正公差</p>
													<p>质保：10年材料及工艺质保，PICC30年线性输出质保。</p>
												</div>
											</div>
											<div class="pic_box">
												<div class="more">产品详情 >></div>
												<img src="<?php echo static_file('web/img/2.png')?>" alt="">
											</div>
										</li>
										<li>
											
											<div class="txt_box">
												<div class="t">航天芯太阳能组件2</div>
												<div class="con">
													<p>功率：285W</p>
													<p>最高转换效率：17.5%</p>
													<p>尺寸：1640*992*35（mm）</p>
													<p>公差：0~5W正公差</p>
													<p>质保：10年材料及工艺质保，PICC30年线性输出质保。</p>
												</div>
											</div>
											<div class="pic_box">
												<div class="more">产品详情 >></div>
												<img src="<?php echo static_file('web/img/2.png')?>" alt="">
											</div>
										</li>
										<li>
											
											<div class="txt_box">
												<div class="t">航天芯太阳能组件3</div>
												<div class="con">
													<p>功率：285W</p>
													<p>最高转换效率：17.5%</p>
													<p>尺寸：1640*992*35（mm）</p>
													<p>公差：0~5W正公差</p>
													<p>质保：10年材料及工艺质保，PICC30年线性输出质保。</p>
												</div>
											</div>
											<div class="pic_box">
												<div class="more">产品详情 >></div>
												<img src="<?php echo static_file('web/img/2.png')?>" alt="">
											</div>
										</li>
										<li>
											
											<div class="txt_box">
												<div class="t">航天芯太阳能组件4</div>
												<div class="con">
													<p>功率：285W</p>
													<p>最高转换效率：17.5%</p>
													<p>尺寸：1640*992*35（mm）</p>
													<p>公差：0~5W正公差</p>
													<p>质保：10年材料及工艺质保，PICC30年线性输出质保。</p>
												</div>
											</div>
											<div class="pic_box">
												<div class="more">产品详情 >></div>
												<img src="<?php echo static_file('web/img/2.png')?>" alt="">
											</div>
										</li>
										<li>
											
											<div class="txt_box">
												<div class="t">航天芯太阳能组件5</div>
												<div class="con">
													<p>功率：285W</p>
													<p>最高转换效率：17.5%</p>
													<p>尺寸：1640*992*35（mm）</p>
													<p>公差：0~5W正公差</p>
													<p>质保：10年材料及工艺质保，PICC30年线性输出质保。</p>
												</div>
											</div>
											<div class="pic_box">
												<div class="more">产品详情 >></div>
												<img src="<?php echo static_file('web/img/2.png')?>" alt="">
											</div>
										</li>
									</ul>
								</div>
								<div class="box_r">
									<div class="t">4S级安全</div>
									<div class="en">LEVEL 4S SECURITY</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				<div class="product_bot">
					<div class="product_bot_cen w1440">
						<div class="swiper_pro">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="active swiper-slide wow fadeInRight">
										<div class="cont">
											<div class="tu">
												<img src="<?php echo static_file('web/img/pro1.png')?>" alt="">
											</div>
											<div class="txt">航天芯太阳能组件</div>
										</div>
									</div>

									<div class="swiper-slide wow fadeInRight" data-wow-delay="0.2s">
										<div class="cont">
											<div class="tu">
												<img src="<?php echo static_file('web/img/pro_icon.png')?>" alt="">
											</div>
											<div class="txt">智能逆变器</div>
										</div>	
									</div>
									<div class="swiper-slide wow fadeInRight" data-wow-delay="0.4s">
										<div class="cont">
											<div class="tu">
												<img src="<?php echo static_file('web/img/pro_icon2.png')?>" alt="">
											</div>
											<div class="txt">安全配电箱</div>
										</div>
										
									</div>
									<div class="swiper-slide wow fadeInRight" data-wow-delay="0.6s">
										<div class="cont">
											<div class="tu">
												<img src="<?php echo static_file('web/img/pro_icon3.png')?>" alt="">
											</div>
											<div class="txt">原装支架</div>
										</div>
										
									</div>
									<div class="swiper-slide wow fadeInRight" data-wow-delay="0.8s">
										<div class="cont">
											<div class="tu">
												<img src="<?php echo static_file('web/img/pro_icon4.png')?>" alt="">
											</div>
											<div class="txt">优选配件</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="box">
				<div class="box_cen w1440">
					<div class="title wow fadeInUp">
						<div class="cn">太阳能电站方案</div>
						<div class="en">Solar power station program</div>
					</div>
					<div class="ds wow fadeInUp">针对不同的用户需求和使用场景，四季沐歌为用户精心设计了三大方案，满足用户的各种需求。</div>
					<div class="list">
						<ul>
							<li class="li f-cb wow fadeInUp" >
								<div class="pic">
									<img src="<?php echo static_file('web/img/j1.jpg')?>" alt="">
									<div class="name">
										<span>户用屋顶电站案例</span>
										<div class="ico"></div>
									</div>
								</div>
								<div class="cont">
									<div class="t">户用屋顶电站方案</div>
									<div class="cont_box">
										<div class="con">
										针对住宅屋顶设计的太阳能发电解决方案，装机规模覆盖3-20KW。可节省电费，享受补贴，提升物业价值，为家庭创收。
										</div>
										<div class="text">
											<ul>
												<li>
													<div class="img">
														<img src="<?php echo static_file('web/img/i1.png')?>" alt="">
													</div>
													
													<div class="txt">
														<div class="tab">
															<div class="tab_cell">
																采用小功率组串式逆变器，220V或380V电压并网。
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="img">
														<img src="<?php echo static_file('web/img/i2.png')?>" alt="">
													</div>
													
													<div class="txt">
														<div class="tab">
															<div class="tab_cell">
																自发自用、余电上网或全额上网运行方式。
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="img">
														<img src="<?php echo static_file('web/img/i3.png')?>" alt="">
													</div>
													
													<div class="txt">
														<div class="tab">
															<div class="tab_cell">
																推荐MWT高效组件。
															</div>
														</div>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li class="li f-cb wow fadeInUp">
								<div class="pic">
									<img src="<?php echo static_file('web/img/j2.jpg')?>" alt="">
									<div class="name">
										<span>工商业屋顶电站案例</span>
										<div class="ico"></div>
									</div>
								</div>
								<div class="cont">
									<div class="t">工商业屋顶电站方案</div>
									<div class="cont_box">
										<div class="con">
											利用厂房、公共建筑等屋顶资源开发太阳能电站的解决方案。根据有效屋顶面积，装机规模一般在几百千瓦到几兆瓦；可节省电费，降低业务运营成本，降低碳排放。履行您的社会责任。
										</div>
										<div class="text">
											<ul>
												<li>
													<div class="img">
														<img src="<?php echo static_file('web/img/icon.png')?>" alt="">
													</div>
													
													<div class="txt">
														<div class="tab">
															<div class="tab_cell">
																采用中大功率组串式逆变器，并入低压配电网或35KV及以下中高压。电网就地消纳。
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="img">
														<img src="<?php echo static_file('web/img/i2.png')?>" alt="">
													</div>
													
													<div class="txt">
														<div class="tab">
															<div class="tab_cell">
																自发自用、余电上网运行方式。
															</div>
														</div>
													</div>
												</li>
												<li>
													<div class="img">
														<img src="<?php echo static_file('web/img/i3.png')?>" alt="">
													</div>
													
													<div class="txt">
														<div class="tab">
															<div class="tab_cell">
																推荐MWT高效组件。
															</div>
														</div>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="box fff">
				<div class="box_cen">
					<div class="title wow fadeInUp w1440">
						<div class="cn">太阳能扶贫电站</div>
						<div class="en">Solar energy poverty alleviation</div>
					</div>
					<div class="ds wow fadeInUp w1440">是在住房屋顶或公共建筑上建设太阳能电站，为贫困家庭创收的解决方案。作为“十大精准扶贫工程”之一，充分利用率贫困地区太阳能资源丰富的优势，连续25年产生的稳定收益，实现扶贫开发和新能源利用、节能减排相结合。</div>
					<div class="wrap f-cb">
						<div class="pic wow fadeInRight">
							<img src="<?php echo static_file('web/img/d1.jpg')?>" alt="">
						</div>
						<div class="text_box wow fadeInLeft">
							<div class="text_top f-cb">
								<div class="text">
									<ul>
										<li>
											<div class="img">
												<img src="<?php echo static_file('web/img/i1.png')?>" alt="">
											</div>
											
											<div class="txt">
												<div class="tab">
													<div class="tab_cell">
														采用中大功率组串式逆变器，并入低压配电网或35KV及以下中高压。电网就地消纳。
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="img">
												<img src="<?php echo static_file('web/img/i2.png')?>" alt="">
											</div>
											
											<div class="txt">
												<div class="tab">
													<div class="tab_cell">
														自发自用、余电上网或全额上网运行方式。
													</div>
												</div>
											</div>
										</li>
										<li> 
											<div class="img">
												<img src="<?php echo static_file('web/img/i3.png')?>" alt="">
											</div>
											
											<div class="txt">
												<div class="tab">
													<div class="tab_cell">
														推荐MWT高效组件。
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							
							<div class="solutions f-cb">
								<div class="tit_box">
									<div class="tit">
										<div class="cn">系统方案</div>
										<div class="en">System solutions</div>
									</div>
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad.png')?>" alt="">
									</div>
								</div>

								<div class="tbox">
									<div class="t">户用安装</div>
									<div class="con">
										为单个贫困家庭安装3~10KW电站，自享收益。
									</div>
								</div>

								<div class="tbox">
									<div class="t">村级安装</div>
									<div class="con">
										以村为单位集中安装，贫困家庭共享收益。
									</div>
								</div>

								<div class="tbox">
									<div class="t">互补安装</div>
									<div class="con">
										以农光或鱼光形式互补，贫困家庭享多重收益。
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item_box w1440 wow fadeInUp">
						<div class="item_list">
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/d2.jpg')?>" alt="">
									<div class="txt">平原腰站180KW太阳能扶贫项目</div>
								</div>
							</a>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/d3.jpg')?>" alt="">
									<div class="txt">河北廊坊淘河中心小学扶贫项目</div>
								</div>
							</a>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/d4.jpg')?>" alt="">
									<div class="txt">济南商河320KW太阳能扶贫项目</div>
								</div>
							</a>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/d5.jpg')?>" alt="">
									<div class="txt">北京市平谷区向阳村太阳能工程</div>
								</div>
							</a>
						</div>
						<a class="more" href="<?php echo site_url('program/case'); ?>">
							<span class="txt">更多案例</span>
							<img src="<?php echo static_file('web/img/j.png')?>" alt="">
						</a>
					</div>
					
				</div>
			</div>
			<div class="box box2">
				<div class="box_cen">
					<div class="title wow fadeInUp w1440">
						<div class="cn">商用太阳能电站</div>
						<div class="en">Commercial solar power station</div>
					</div>
					<div class="ds wow fadeInUp">利用厂房、公共建筑等屋顶资源开发太阳能电站的解决方案。根据有效屋顶面积，装机规模一般在几百千瓦到几兆瓦；可节省电费，降低业务运营成本，降低碳排放。履行您的社会责任。</div>
					<div class="wrap f-cb">
						<div class="pic wow fadeInLeft">
							<img src="<?php echo static_file('web/img/ss.jpg')?>" alt="">
						</div>
						<div class="text_box wow fadeInRight">
							<div class="text_top f-cb">
								<div class="text">
									<ul>
										<li>
											<div class="img">
												<img src="<?php echo static_file('web/img/i1.png')?>" alt="">
											</div>
											
											<div class="txt">
												<div class="tab">
													<div class="tab_cell">
														采用中大功率组串式逆变器，并入低压配电网或35KV及以下中高压。电网就地消纳。
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="img">
												<img src="<?php echo static_file('web/img/i2.png')?>" alt="">
											</div>
											
											<div class="txt">
												<div class="tab">
													<div class="tab_cell">
														自发自用、余电上网或全额上网运行方式。
													</div>
												</div>
											</div>
										</li>
										<li> 
											<div class="img">
												<img src="<?php echo static_file('web/img/i3.png')?>" alt="">
											</div>
											
											<div class="txt">
												<div class="tab">
													<div class="tab_cell">
														推荐MWT高效组件。
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							
							<div class="solutions f-cb">
								<div class="tit_box">
									<div class="tit">
										<div class="cn">系统方案</div>
										<div class="en">System solutions</div>
									</div>
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad.png')?>" alt="">
									</div>
								</div>

								<div class="tbox">
									<div class="t">01</div>
									<div class="con">
										根据可利用面积专业定制
									</div>
								</div>

								<div class="tbox">
									<div class="t">02</div>
									<div class="con">
										根据实际用电情况量身定制
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item_box w1440 wow fadeInUp">
						<div class="item_list">
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/sy1.jpg')?>" alt="">
									<div class="txt">连云港第一人民医院50KW项目</div>
								</div>
							</a>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/sy2.jpg')?>" alt="">
									<div class="txt">江苏连云新城2.2MW太阳能项目</div>
								</div>
							</a>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/sy3.jpg')?>" alt="">
									<div class="txt">河北衡水世纪大厦231.4KW太阳能项目</div>
								</div>
							</a>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="tu">
									<img src="<?php echo static_file('web/img/sy4.jpg')?>" alt="">
									<div class="txt">广东珠海高新产业区创新海岸</div>
								</div>
							</a>
						</div>
						<a class="more" href="<?php echo site_url('program/case'); ?>">
							<span class="txt">更多案例</span>
							<img src="<?php echo static_file('web/img/j.png')?>" alt="">
						</a>
					</div>
					
				</div>
			</div>
			<div class="safety" style="background:url(<?php echo static_file('web/img/sbg.jpg')?>) no-repeat top center;background-size:cover;background-attachment: fixed;">
				<div class="safety_cen w1440">
					<div class="title">
						<div class="cn">4S级安全保障</div>
						<div class="en">4S level security</div>
					</div>
					<div class="safe_top">
						<div class="swiper-container f-cb">
							<div class="swiper-wrapper">
								<div class="swiper-slide swiper-no-swiping active">
									<div class="bg"></div>
									<div class="icon">
										<img src="<?php echo static_file('web/img/sicon1.png')?>" alt="">
										<img src="<?php echo static_file('web/img/sicon2.png')?>" alt="" class="active">
									</div>
									<div class="txt">S1 -安全的 <strong>优选硬件</strong></div>
								</div>
								<div class="swiper-slide swiper-no-swiping">
									<div class="bg"></div>
									<div class="icon">
										<img src="<?php echo static_file('web/img/sicon3.png')?>" alt="">
										<img src="<?php echo static_file('web/img/sicon4.png')?>" alt="" class="active">
									</div>
									<div class="txt">S2 -安全的 <strong>专业设计</strong></div>
								</div>
								<div class="swiper-slide swiper-no-swiping">
									<div class="bg"></div>
									<div class="icon">
										<img src="<?php echo static_file('web/img/sicon5.png')?>" alt="">
										<img src="<?php echo static_file('web/img/sicon6.png')?>" alt="" class="active">
									</div>
									<div class="txt">S3 -安全的 <strong>品质交付</strong></div>
								</div>
								<div class="swiper-slide swiper-no-swiping">
									<div class="bg"></div>
									<div class="icon">
										<img src="<?php echo static_file('web/img/sicon7.png')?>" alt="">
										<img src="<?php echo static_file('web/img/sicon8.png')?>" alt="" class="active">
									</div>
									<div class="txt">S4 -安全的 <strong>智慧运营</strong></div>
								</div>
							</div>
						</div>
					</div>
					<div class="safe_content">
						<div class="f-cb sbox">
							<div class="cont_box">
								<div class="txt">4s级安全保障</div>
								<div class="ti"><span class="name">S1</span>安全的 <strong>品质交付</strong></div>
								<div class="txt_box">
									<p>质量检测：世界先进的研发检测设备，太阳能模拟器、CNAS国家认可实验室、SWT太阳能检测平台（世界仅有三台，另外两台在德国和南非）。</p>
									<p>仓储物流：江苏连云港、河南洛阳、浙江余姚、广东顺德四大基地，就近发货辐射全国。专业安装服务公司送货上门安装。</p>
									<p>安装交付：到货检验确认、安装流程标准规范。</p>
								</div>
							</div>
							<div class="pic_box">
								<div class="pic_list">
									<div class="item">
										<img src="<?php echo static_file('web/img/pic.jpg')?>" alt="">
									</div>
									<div class="item">
										<img src="<?php echo static_file('web/img/pic.jpg')?>" alt="">
									</div>
									<div class="item">
										<img src="<?php echo static_file('web/img/pic.jpg')?>" alt="">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<div class="mask_bg"></div>
		<div class="detail_box">
			<div class="prev"></div>
			<div class="next"></div>
			<div class="dbox"></div>
		</div>
    	<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
	<script>
		$(function(){
			$('header .bocweb-nav ul li').eq(4).addClass('active');
			$("img").lazyload({effect: "fadeIn"});


			var n=0;
			$('.product_top .next').click(function(){
				n++;
				if(n>=$('.swiper_pro .swiper-slide').length-1){
					n=$('.swiper_pro .swiper-slide').length-1
				}
				$('.box_l ul li').eq(n).addClass('active').siblings().removeClass('active');
				mySwiper.swipeNext();
				$('.swiper_pro .swiper-slide').eq(n).addClass('active').siblings().removeClass('active');
			})
			$('.product_top .prev').click(function(){
				n--;
				if(n<0){
					n=0;
				}
				mySwiper.swipePrev();
				$('.box_l ul li').eq(n).addClass('active').siblings().removeClass('active');
				$('.swiper_pro .swiper-slide').eq(n).addClass('active').siblings().removeClass('active');
			})
			var winW=$(window).width();
			if(winW>500){
				var mySwiper = new Swiper('.swiper_pro .swiper-container',{
					slidesPerView : 5,
					onSlideClick:function(swiper){
						n=swiper.clickedSlideIndex;
						$('.box_l ul li').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						$('.swiper_pro .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
					}
				})
			}else{
				var mySwiper = new Swiper('.swiper_pro .swiper-container',{
					slidesPerView : 2.5,
					onSlideClick:function(swiper){
						n=swiper.clickedSlideIndex;
						$('.box_l ul li').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						$('.swiper_pro .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
					}
				})
			}
			

			$(window).resize(function(){
				winW=$(window).width();
				if(winW>500){
					var mySwiper = new Swiper('.swiper_pro .swiper-container',{
						slidesPerView : 5,
						onSlideClick:function(swiper){
							n=swiper.clickedSlideIndex;
							$('.box_l ul li').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
							$('.swiper_pro .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						}
					})
				}else{
					var mySwiper = new Swiper('.swiper_pro .swiper-container',{
						slidesPerView : 2.5,
						onSlideClick:function(swiper){
							n=swiper.clickedSlideIndex;
							$('.box_l ul li').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
							$('.swiper_pro .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						}
					})
				}
			
			})

			// 太阳能电站方案

			$('.list ul li .pic').height(Math.floor($('.list ul li .pic').width()*(480/860)));
			$('.list ul li .cont_box').height($('.list ul li .pic').height()-$('.list ul li .cont .t').outerHeight(true)-parseInt($('.list ul li .cont .t').css('padding-top')));

			$(window).resize(function(){
				$('.list ul li .pic').height(Math.floor($('.list ul li .pic').width()*(480/860)));
				$('.list ul li .cont_box').height($('.list ul li .pic').height()-$('.list ul li .cont .t').outerHeight(true)-parseInt($('.list ul li .cont .t').css('padding-top')));
			})
			$('.list ul li .cont_box').mCustomScrollbar();

			// 太阳能电站方案end

		})
	</script>
</body>
</html>

<script>
	$(function(){	
		var winW=$(window).width();
		function swiper(){
			if(winW>750){
				var mySwiper3 = new Swiper('.safe_top .swiper-container',{
					slidesPerView : 4,
					noSwiping : true,
					onSlideClick:function(swiper){
						n=swiper.clickedSlideIndex;
						$('.safe_top .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						
						$.ajax({
							url:'<?php echo site_url('ajax/ajax_program'); ?>',
							success:function(data){
								$('.sbox').empty().append(data);
								$('.pic_list').owlCarousel({
									items: 1,
									margin:15,
									dots:true
								})
								$('.pic_list .item').height(Math.floor($('.pic_list .item').width()*(448/720)));
								$('.safe_content .cont_box .txt_box').height($('.pic_list .item').height()-$('.safe_content .cont_box .txt').outerHeight(true)-$('.safe_content .cont_box .ti').outerHeight(true)-parseInt($('.safe_content .cont_box .txt').css('padding-top')));
								$('.safe_content .sbox .cont_box .txt_box').mCustomScrollbar({})
							}
						})
					}
				})
			}else if(winW<530){
				var mySwiper3 = new Swiper('.safe_top .swiper-container',{
					slidesPerView : 1.5,
					noSwiping : false,
					onSlideClick:function(swiper){
						n=swiper.clickedSlideIndex;
						$('.safe_top .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						$.ajax({
							url:'<?php echo site_url('ajax/ajax_program'); ?>',
							success:function(data){
								$('.sbox').empty().append(data);
								$('.pic_list').owlCarousel({
									items: 1,
									margin:15,
									dots:true
								})
								$('.pic_list .item').height(Math.floor($('.pic_list .item').width()*(448/720)));
								$('.safe_content .cont_box .txt_box').height($('.pic_list .item').height()-$('.safe_content .cont_box .txt').outerHeight(true)-$('.safe_content .cont_box .ti').outerHeight(true)-parseInt($('.safe_content .cont_box .txt').css('padding-top')));
								$('.safe_content .sbox .cont_box .txt_box').mCustomScrollbar({})
							}
						})
					}
				})
			}else{
				var mySwiper3 = new Swiper('.safe_top .swiper-container',{
					slidesPerView : 2.5,
					noSwiping : false,
					onSlideClick:function(swiper){
						n=swiper.clickedSlideIndex;
						$('.safe_top .swiper-slide').eq(swiper.clickedSlideIndex).addClass('active').siblings().removeClass('active');
						$.ajax({
							url:'<?php echo site_url('ajax/ajax_program'); ?>',
							success:function(data){
								$('.sbox').empty().append(data);
								$('.pic_list').owlCarousel({
									items: 1,
									margin:15,
									dots:true
								})
								$('.pic_list .item').height(Math.floor($('.pic_list .item').width()*(448/720)));
								$('.safe_content .cont_box .txt_box').height($('.pic_list .item').height()-$('.safe_content .cont_box .txt').outerHeight(true)-$('.safe_content .cont_box .ti').outerHeight(true)-parseInt($('.safe_content .cont_box .txt').css('padding-top')));
								$('.safe_content .sbox .cont_box .txt_box').mCustomScrollbar({})
							}
						})
					}
				})
			}
		}
		swiper();
		$(window).resize(function(){
			winW=$(window).width();
			swiper();
		})
		
		$('.item_list').owlCarousel({
			items: 4,
			margin: 27,
			responsive:{	
			    1024:{
				    items:4,
				    dots:false
			    },
			    650:{
				    items:3,
				    dots:true,
				    margin:15
			    },
			    0:{
				    items:1,
				    dots:true,
				    margin:15
			    }
			}
		})

		$('.pic_list').owlCarousel({
			items: 1,
			margin:15,
			dots:true
		})

		$('.pic_list .item').height(Math.floor($('.pic_list .item').width()*(448/720)));
		$('.safe_content .cont_box .txt_box').height($('.pic_list .item').height()-$('.safe_content .cont_box .txt').outerHeight(true)-$('.safe_content .cont_box .ti').outerHeight(true)-parseInt($('.safe_content .cont_box .txt').css('padding-top')));
		$('.safe_content .sbox .cont_box .txt_box').mCustomScrollbar({})

		$('.item_list .tu').height(Math.floor($('.item_list .tu').width()*(216/340)));
		$('.box .box_cen .wrap .pic').height(Math.floor($('.box .box_cen .wrap .pic').width()*(568/1020)));
		$(window).resize(function(){
			$('.pic_list .item').height(Math.floor($('.pic_list .item').width()*(448/720)));
			$('.safe_content .cont_box .txt_box').height($('.pic_list .item').height()-$('.safe_content .cont_box .txt').outerHeight(true)-$('.safe_content .cont_box .ti').outerHeight(true)-parseInt($('.safe_content .cont_box .txt').css('padding-top')));
			$('.item_list .tu').height(Math.floor($('.item_list .tu').width()*(216/340)));
			$('.box .box_cen .wrap .pic').height(Math.floor($('.box .box_cen .wrap .pic').width()*(568/1020)));
		})
	})
</script>

<script>
	$(function(){
		var mySwiper3 = new Swiper('.dl .swiper-container',{
			slidesPerView : 1,
			pagination: '.pagination',
		    paginationClickable: true
		})
	})
</script>

<script>
	$(function(){
		$('.wrap .pic_box .more').click(function(){
			var top=$(this).offset().top-$(window).height()/2;
			$('.detail_box').css('top',top);

			$.ajax({
				url:'<?php echo site_url('ajax/program_detail'); ?>',
				success:function(data){
					$('.dbox').empty().append(data);

					var mySwiper3 = new Swiper('.dl .swiper-container',{
						slidesPerView : 1,
						pagination: '.pagination',
					    paginationClickable: true,
					    onInit:function(){
					    	$('.detail_box .prev,.detail_box .next').css('top',$('.dbox .content_box').outerHeight(true)/2-$('.dbox .prev').height()/2+parseInt($('.detail_box').css('padding-top')));
					    }
					})
					
					$('.detail_box,.mask_bg').addClass('active');
					// console.log($('.dbox .dl').outerHeight(true))
					
					$('.close').click(function(){
						$('.detail_box,.mask_bg').removeClass('active');
					})


					$('.detail_box .prev,.detail_box .next').click(function(){
						$.ajax({
							url:'<?php echo site_url('ajax/program_detail'); ?>',
							success:function(data){
								$('.dbox').empty().append(data);
								var mySwiper3 = new Swiper('.dl .swiper-container',{
									slidesPerView : 1,
									pagination: '.pagination',
								    paginationClickable: true
								})
								$('.detail_box,.mask_bg').addClass('active');
								$('.close').click(function(){
									$('.detail_box,.mask_bg').removeClass('active');
								})
							}
						})
					})
				}
			})

		})
	})
</script>